
 
    /* 海报开始 */

    /* 左边菜单 */
   .banner ul{
       width: 200px;
       
       background-color: #f3f3f3;
       position: relative;
   }
   .banner>ul>li p{

       height: 28px;
       line-height: 30px;
       padding-left: 20px;
       border: 1px solid transparent;
       
       
   }
   .banner>ul>li p:hover{
       border: 1px solid;
       border-right: 1px solid transparent;
       color: #f60;
       background-color: white;
       position: relative;
       z-index: 102;
   }
   /* 左边菜单展开 */
.banner>ul>li div{
   
    width: 478px;
    height: 492px;
    position: absolute;
    left: 198px;
    top: 0;
    background-color: white;
    border: 1px solid #f60;
    z-index: 101;
    display: none;

}
.banner>ul>li:hover div{
    display: block;
}

   /* 海报图 */
   .banner .img{
       margin-top: 5px;
   }

    /* 海报结束 */

    /* 右侧领劵中心开始 */
    .sidebar img:nth-of-type(1){
       position: fixed;
       right:0;
       top: 212px;
       z-index: 22;

    }
    .sidebar img:nth-of-type(2){
        position: fixed;
        right:0;
        top: 252px;
        z-index: 22;
     }
     .sidebar img:nth-of-type(3){
        position: fixed;
        right:0;
        top: 352px;
        z-index: 22;
     }
     .sidebar img:nth-of-type(4){
        position: fixed;
        right:39px;
        top: 252px;
        z-index: 20;
        
     }
/* 右侧领劵中心结束 */

/* 乐购今日推荐开始 */
.recommend h2{
    color: #f60;
    font-size: 24px;
    line-height: 36px;
    margin-left: 18px;
    margin-top: 10px;
}
/* 商品列表 */
.recommend>ul{
    border-top: 3px solid #f60;
    padding-left: 5px;
    padding-right: 3px;
}
.recommend>ul .recommend_shop{
    width: 198px;
    height: 264px;
    border-left: 2px solid #f60;
    border-right: 2px solid #f60;
    border-bottom: 2px solid #f60;
    
    box-sizing: border-box;
    float: left;
    
}
.recommend>ul .recommend_shop img{
    margin-left: 12px;
    margin-top: 5px;
}
.recommend>ul .recommend_shop i{
    background-image: url(../images/limitTime.jpg);
    width: 73px;
    height: 25px;
    display: inline-block;
}
.recommend>ul .recommend_shop p:nth-of-type(1){
  color: #333;
  font-size: 14px;
  margin-left: 7px;
  line-height: 20px;
  
}
.recommend>ul .recommend_shop p:nth-of-type(2){
    color: red;
    font-size: 14px;
    margin-left: 7px;
    line-height: 15px;
    
  }
  .recommend>ul .recommend_shop span{
      font-size: 24px;
      color: #f4290d;
      line-height: 38px;
      display: inline-block;
      margin-left: 7px;
  }
/* 乐购今日推荐结束 */

/* 左侧侧边栏开始 */
.sidebar_left{
    width: 40px;
    height: 216px;
    background-color: #f2f2f2;
    color: white;
    font-size: 16px;
    position: fixed;
    left: 265px;
    top: 200px;
    z-index: 22;
}


/* 精灵图 */

.sidebar_left span{
 display: inline-block;
 width: 40px;
 height: 40px;
 text-align: center;
 position: relative;
}
.sidebar_left span i{
    display: inline-block;
    width: 40px;
    height: 40px;
    position: absolute;
    right: -40px;
    top: 0;
    background-color: #93d46f;
    text-align: center;
    line-height: 40px;
    display: none;
}
.sidebar_left span:nth-of-type(1){
    background-image: url(../images/floor.png);
    background-position: 0 0;
    background-repeat: no-repeat;
    
    
}
.sidebar_left span:nth-of-type(2){
    background-image: url(../images/floor.png);
    background-position: 0 -40px;
    background-repeat: no-repeat;
}
.sidebar_left span:nth-of-type(3){
    background-image: url(../images/floor.png);
    background-position: 0 -160px;
    background-repeat: no-repeat;
}
.sidebar_left span:nth-of-type(4){
    background-image: url(../images/floor.png);
    background-position: 0 -200px;
    background-repeat: no-repeat;
}
.sidebar_left span:nth-of-type(5){
    background-image: url(../images/floor.png);
    background-position: 0 -323px;
    background-repeat: no-repeat;
}
/* 左侧侧边栏结束 */

/* 图书栏开始 */

/* 顶部 */
.books{
    margin-top: 36px;
}
.books .boos_top{
    line-height: 38px;
    width: 905px;
}
.boos_top h2{
     font-size: 28px;
     font-weight: normal;

}
.boos_top span{
    width: 306px;
    height: 36px;
    font-size: 18px;
    line-height: 36px;
    text-align: center;
    box-sizing: border-box;
}
.books .boos_top>span>i{
    width: 98px;
    margin-top: 2px;
    display: inline-block;
}
/* 图书中间内容 */
.boos_content{
    width: 905px;

    border-top: 6px solid #f60;
}
.boos_content img{
    width: 230px;
}
/* 中小学教辅 */
.boos_content .boos_left{
    width: 230px;
    height: 150px;
    background-color: #f9f9f9;
    box-sizing: border-box;
    line-height: 36px;
    text-align: center;
}
.boos_content .boos_left .boos_left1{
    margin-left: 4px;
}
.boos_content .boos_left .boos_left2{
    margin-left: 10px;
    margin-right: 17px;
}

/* 商品以及轮播图 */
.books_box{
    width: 670px;
    height: 428px;
    border-left: 2px solid rgb(196, 103, 103);
    border-right: 2px solid #ccc;
    border-bottom: 2px solid #ccc;
    display: none;
    
}
/* 轮播图 */
.books_onerow .slideshow {
   text-align: center;
   width: 330px;
   height: 214px;
   position: relative;
   border-right: 2px solid #ccc;
   border-bottom: 2px solid #ccc;
}
.books_onerow .slideshow img{
    width: 330px;
   height: 216px;
}
.books_onerow .slideshow span{
    width: 38px;
    height: 70px;
    background-color: #ccc;
    display: inline-block;
}
.books_onerow .slideshow span:nth-of-type(1){
    position: absolute;
    left: 0px;
    top: 64px;
    background-image: url(../images/arrow-left.png);
    background-repeat: no-repeat;
    background-position: 6px 18px;
    

}
.books_onerow .slideshow span:nth-of-type(2){
    position: absolute;
    left: 293px;
    top: 64px;
    background-image: url(../images/arrow-right.png);
    background-repeat: no-repeat;
    background-position: 0 18px;
}
.slideshow i{
    position: absolute;
    left: 120px;
    top: 199px;
}
.slideshow i b{
    width: 18px;
    height: 3px;
    background-color: white;
    display: inline-block;
}

/* 第一排商品列表 */

.books_box .books_onerow .books_Olympic{
    border-bottom: 1px solid #ccc;
}
.books_Olympic{
    
    border-right: 1px solid #ccc;
}
.books_Olympic h3{
    font-size: 16px;
    margin-top: 17px;
    margin-left: 3px;

}
.books_Olympic p{
    color: red;
    margin-left: 3px;
    line-height: 14px;

}
.books_Olympic img{
     width: 160px;
     height: 117.45px;
     margin-bottom: 5px;
}
.books_Olympic span{
    font-size: 14px;
    color: red;
    margin-left: 3px;
    margin-right: 10px;
}
.books_Olympic i{
    font-size: 14px;
    color: #ccc;
    text-decoration: line-through;
    
}
.books_onerow li:last-of-type{
    border-right: none;
    width: 172px;
}
.books_tworow li:last-of-type{
    border-right: none;
    border-bottom: none;
}
.books_tworow li{
    height: 212px;
}


/* 图书栏结束 */
/* *************************************************** */

/* 服装栏开始 */

/* 每个主要内容顶部 */

/* 内容上面盒子 */
.clothing_up{
    
    line-height: 38px;
    position: relative;
    
}
/* 内容左上H2标题 */
.clothing_up h2{
     font-size: 28px;
     font-weight: normal;
     margin-top: 36px;
     line-height: 38px;
}

/* 内容右上小标题 */
.clothing_up span{
    width: 325px;
    height: 36px;
    font-size: 18px;
    line-height: 36px;
    text-align: center;
    box-sizing: border-box;
    position: absolute;
    right: 0;
    top: 38px;
    
}

/* 内容大盒子上边框 */
.clothing_centent{
    border-top: 6px solid #f60;
}



/* 图片大小 */
.clothing_left img{
    height: 350px;
    width: 238px;
}
/* 内容左下菜单 */
.clothing_left>ul{
    width: 238px;
}
/* 顶部右上角 */
.clothing_up span i{
    display: inline-block;
    width: 100px;
    
}
.clothing_up span i:hover{
   background-color: #f60;
   color: white;
}
.clothing_left>ul>li{
    width: 79px;
    float: left;
    line-height: 37px;
    background-color: #f9f9f9;
}



/* 商品展示 */
.clothing_goods{
    height: 498px;
    width: 960px;
    box-sizing: border-box;
    display: none;
}
.clothing_goods>ul>li{
    float: left;
}
.clothing_goods>ul>li:nth-of-type(1){
      width: 425px;
      height: 338px;
      border-left: 2px solid #ccc;
      border-right: 2px solid #ccc;
      border-bottom: 2px solid #ccc;
}
.clothing_goods>ul>li:nth-of-type(2){
    width: 175px;
    height: 338px;
    border-bottom: 2px solid #ccc;
    border-right: 2px solid #ccc;
}
.clothing_goods>ul>li:nth-of-type(3){
    width: 175px;
    height: 338px;
    border-bottom: 2px solid #ccc;
    border-right: 2px solid #ccc;
}
.clothing_goods>ul>li:nth-of-type(4){
    width: 175px;
    height: 338px;
    border-bottom: 2px solid #ccc;
    border-right: 2px solid #ccc;
    
}
.clothing_goods>ul>li:nth-of-type(5){
    width: 427px;
    height: 158px;
    border-bottom: 2px solid #ccc;
    border-right: 2px solid #ccc;
    
}
.clothing_goods>ul>li:nth-of-type(6) img{
    width: 175px;
    height: 158px;
    border-bottom: 2px solid #ccc;
    border-right: 2px solid #ccc;
    
}
.clothing_goods>ul>li:nth-of-type(7) img{
    width: 175px;
    height: 158px;
    border-bottom: 2px solid #ccc;
    border-right: 2px solid #ccc;
    
}
.clothing_goods>ul>li:nth-of-type(8) img{
    width: 175px;
    height: 158px;
    border-bottom: 2px solid #ccc;
    border-right: 2px solid #ccc;
    
}

.clothing_goods>ul>li:nth-of-type(2) img{
    width: 175px;
    height: 338px;
}
.clothing_goods>ul>li:nth-of-type(3) img{
    width: 175px;
    height: 338px;
}
.clothing_goods>ul>li:nth-of-type(4) img{
    width: 175px;
    height: 338px;
}

.clothing_logo>ul>li{
    float: left;
    margin-top: 5px;
    margin-left: 11px;
}

/* 家具日用开始 */
.furniture_box{
    margin-bottom: 36px;
    border-top: 6px solid #f60;
}
/* 商品展示 */
.furniture_box>img{
    width: 490px;
    height: 483px;
    border-bottom: 2px solid #ccc;
    border-left: 2px solid #ccc;
    border-right: 2px solid #ccc;
    float: left;
}
.furniture_box>ul>li{
    float: left;
    border-right: 2px solid #ccc;
    border-bottom: 2px solid #ccc;
}
.furniture_box>ul>li:nth-last-of-type(n+5) img{
    width: 174px;
    height: 338px;
    
}
.furniture_box>ul>li:nth-of-type(n+5) img{
    width: 174px;
    height: 143px;
    
}

/* 推广商品开始 */

/* 设置顶部 */
.Promotion .clothing_up h2{
    color: #f60;
}
.Promotion .clothing_up span{
    
    width: 12px;
    height: 12px;
    border-radius: 6px;
    float:right;
    background-color: #ccc;
    
}
.Promotion .clothing_up span:nth-of-type(1){
    margin-right: 20px;
}
.Promotion .clothing_up span:hover{
    background-color: #f60;
}
.clothing_up{
    position: relative;
}
.Promotion .clothing_up p{
    position: absolute;
    right: 10px;
    top: 16px;
}
/* 主要内容区域 */
.Promotion_centent{
    border-top: 6px solid #f60;
    padding-top: 10px;
}
.Promotion_centent>ul>li{
    width: 240px;
    height: 300px;
    box-sizing: border-box;
    padding: 25px 33px 33px 45px;
    float: left;
    
}
.Promotion_centent>ul>li:hover{
    background-color: #f2f2f2;
}
.Promotion_centent>ul>li p:first-of-type{
    width: 148px;
    font-size: 14px;
    margin-top: 10px;
    
}
.Promotion_centent>ul>li p:last-of-type{
    color: red;
    font-size: 24px;

}
.Promotion_centent>ul>li span i{
    color:red;
}
 /* 回到顶部 */
 .return_top>img{
     width: 30px;
     height: 50px;
    position: absolute;
    right: -80px;
    bottom:  -7px;
    
}
.Promotion{
    position: relative;
}

/* <!-- 固定头部功能 --> */

.fixedHeader{
    width: 100%;
    height: 90px;
    background-color: hsl(9, 79%, 59%);
    border-bottom: 1px solid #f60;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 200;
    display: none;

}
.fixedHeader>img{
    position: fixed;
    left: 375px;
    top: 0;
}
.fixedHeader form input{
    width: 388px;
    height: 32px;
    border: 2px solid #f60;
    position: fixed;
    left: 700px;
    top: 25px;
    outline: none;
}
.fixedHeader  form button {
    
     width: 50px;
     height: 36px;
     background-image: url(../images/bgicon.png);
     outline: none;
     border:none;
     position: absolute;
     left: 1092px;
     top: 25px;
}
/* 购物车 */
.fixedHeader form div{
    margin-right: 10px;
    overflow: hidden;
}
.fixedHeader form div span>b{
    width: 35px;
    height: 36px;
    vertical-align:middle;
    display: inline-block;
    background-image: url(../images/bgicon.png);
    background-position: -10px -42px;
    
}
.fixedHeader form div span:nth-of-type(1){
    width: 100px;
    height: 36px;
    background-color: #f60;
    
    color: white;
    line-height: 36px;
    text-align: center;
    box-sizing: border-box;
    float: left;
    position: fixed;
    right: 480px;
    top: 25px;
    
    
}
.fixedHeader form div span:nth-of-type(2){
    width: 100px;
    height: 36px;
    background-color: #ebebeb;
    
    color: #808080;
    line-height: 36px;
    text-align: center;
    float: left;
    position: fixed;
    right: 380px;
    top: 25px;

}
/* ********************************************************* */
